<!-- 供应商信息模块 -->
<template>
  <div class="dashboard-srmlist">
     <h1>供应商</h1>
    <el-table
      :data="tableData"
      border
    >
    <el-table-column
      fixed
      prop="date"
      label="日期"
      width="150">
    </el-table-column>
    <el-table-column
      prop="delivery"
      label="项目状态"
      width="120">
    </el-table-column>
    <el-table-column
      prop="business"
      label="业务"
      width="120">
    </el-table-column>
    <el-table-column
      prop="supplierplace"
      label="所在地址"
      width="120">
    </el-table-column>
    <el-table-column
      prop="supplierprincipal"
      label="负责人"
      width="120">
    </el-table-column>
     <el-table-column
      prop="member"
      label="是否会员"
      width="100">
    </el-table-column>
    <el-table-column
      prop="Onaccess"
      label="对接人"
      width="120">
    </el-table-column>
    <el-table-column
      fixed="right"
      label="操作"
      width="100">
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" size="small">编辑</el-button>
        <el-button type="text" size="small" >删除</el-button>
      </template>
    </el-table-column>
    </el-table>
    <!-- <div class="srmlist-input">
      <p>
        <span>公司名称:</span>
        <input type="text" placeholder="请输入名字" v-model="input" />
      </p>
      <p>
        <span>所在地址:</span>
        <input
          type="text"
          name=""
          id=""
          placeholder="请输入地址"
          v-model="inputT"
        />
      </p>
      <p>
        <el-form :inline="true" :model="formInline" class="demo-form-inline">
          <el-form-item label="负责人">
            <el-input v-model="formInline.user"></el-input>
          </el-form-item>
          <el-form-item label="对接人员">
            <el-input v-model="formInline.user1"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="onSubmit">查询</el-button>
          </el-form-item>
        </el-form>
      </p>
      
        <span>是否会员</span>
        <template>
           <el-radio v-model="radio" label="1">是</el-radio>
           <el-radio v-model="radio" label="2">否</el-radio>
        </template>
     
      <p>
        <span>业务:</span> <input type="text">
      </p>
      <p>
        <el-steps :space="200" :active="1" finish-status="success">
        <span>状态:</span> <el-step title="已交付"></el-step> 
       <el-step title="进行中"></el-step>
        <el-step title="未交付"></el-step>
      </el-steps>
      </p>
      <p>
        <el-row class="changeb">
        <el-button type="success" class="button">提交</el-button>
      </el-row>
     </p>
    </div> -->

    

  </div>
</template>


<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';

export default {
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {
      handDel:'',
      radio: '1',
        formInline: {
          user: '',
          region: '',
           
        },
      tableData: [
        
        {
          date: "2016-05-02",
          name: "阿里巴巴",
          province: "交付",
          city: "",
          address: "深圳西部硅谷",
          zip: "小王",
        },
        {
          date: "2016-05-04",
          name: "京东",
          province: "未交付",
          city: "",
          address: "杭州市",
          zip: "小张",
        },
        {
          date: "2016-05-01",
          name: "唯品会",
          province: "未交付",
          city: "",
          address: "昆明",
          zip: "小李",
        },
        {
          date: "2016-05-03",
          name: "淘宝",
          province: "交付",
          city: "",
          address: "郑州",
          zip: "小郑",
        },
      ],
    };
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {
    handleClick(row) {
      console.log(row);
    },
    onSubmit() {
        console.log('submit!');
      },
      
  },

  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    this.$get('/getsrminfor').then(res=>{
      console.log(res);
      this.tableData = res.data;
    })
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style lang='less' scoped>
.dashboard-srmlist {
position:absolute;
top:70px;
left:16.66%;
height: 1400px;
margin: 0 auto;
  .srmlist-item {
    padding: 5px;
    margin: 20px auto;
    border: 1px solid #ddd;
    width: 1000px;
    height: 400px;
  }
  .demo-form-inline{
    padding-left: 80px;
  }
}
</style>